.article-detailed {
  background-color: #fff;
  margin-top: 1rem;
  padding: 1rem;
  text-align: center;
}
.article-detailed .title {
  font-size: 1.4rem;
  color: #333333;
  padding: .5rem 0;
}
.article-detailed .sub-info {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
.article-detailed .sub-info .reprint {
  color: #74cf59;
  margin-right: 2rem;
  padding: .25rem .5rem;
  background-color: #eaf9e3;
}
.article-detailed .sub-info .orginal {
  color: #ca0c16;
  background-color: #f9ecec;
}
.article-detailed .sub-info .item {
  font-size: 1rem;
  color: #999999;
  padding-right: 2rem;
}
.article-detailed .sub-info .item .text {
  font-size: .9rem;
  margin-left: .5rem;
}
.article-detailed .article-content {
  text-align: left;
  padding: 1rem;
  font-size: 1rem;
}
.article-detailed .pager {
  display: flex;
  align-items: center;
  margin: 1rem 0 2rem;
  padding: .5rem 0;
}
.article-detailed .pager .item {
  flex: 1;
  margin: 0 .5rem;
  padding: .5rem 0;
  background-color: #eaeaea;
  border-radius: .25rem;
  color: #333333;
}
.article-detailed .pager .item .item-text {
  padding: .5rem 1rem;
  font-size: 1.2rem;
  color: #333333;
}

.article-detailed .comment-wrapper .divider {
  font-size: 1rem;
  color: #999999;
  margin: 1rem .5rem;
  padding: .5rem 0;
  border-bottom: 1px solid #dddddd;
  letter-spacing: .5rem;
}

/* 美化markdown */
pre{
  display: block;
  background-color: #283646;
  padding: .5rem !important;
  overflow-y: auto;
  font-weight: 300;
  font-family: Menlo, monospace;
  border-radius: .3rem;
}
pre > code{
  border:0px !important;
  background-color: #283646 !important;
  color:#FFF;
}
code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px 3px;
  width: calc(100% - 10px);
  box-sizing: border-box;  
}
.article-content img {
  width: 100%;
  padding: 1rem 0;
}